<template>
  <div class="App">
    <OneCon></OneCon>
    <TwoCon></TwoCon>
    <ThreeCon></ThreeCon>
  </div>
</template>

<script>
import OneCon from "./components/OneCon.vue";
import TwoCon from "./components/TwoCon.vue";
import ThreeCon from "./components/ThreeCon.vue"

export default {
  components: {
    OneCon,
    TwoCon,
    ThreeCon
  },
};
</script>

<style scoped>
.App {
  width: 500px;
  height: 500px;
  background-color: pink;
}
</style>